<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<%@ include file="/WEB-INF/views/common/taglibs.jsp"%>
<%@taglib prefix="mac" tagdir="/WEB-INF/tags" %>

<mac:layoutPopup>
    <jsp:attribute name="scripts" >
        <script type="text/javascript" src="<c:url value='/javascript/app/modelador/list-table-cargos.js'/>"></script>

        <script type="text/javascript">
            var messages={
                cargosTable:{
                    columna:{
                        accion:'<spring:message code="comun.acciones"/>',
                        conforme:'<spring:message code="calificacion.columna.conforme"/>',
                        cantidad:'<spring:message code="calificacion.columna.cantidad.respuestas"/>'
                    },
                    paginacion:{
                        filasxpagina:'<spring:message code="comun.filasxpagina"/>',
                        inicio:'<spring:message code="comun.tablefooter.inicio"/>',
                        fin:'<spring:message code="comun.tablefooter.fin"/>',
                        anterior:'<spring:message code="comun.tablefooter.anterior"/>',
                        siguiente:'<spring:message code="comun.tablefooter.siguiente"/>'
                    },
                    totalRegistros: '<spring:message code="comun.bandeja.resultado.registros"/>'
                },
                sinAtenciones:'<spring:message code="calificacion.bandeja.sin.atenciones"/>',
                rangoFechas:'<spring:message code="consolidado.validacion.fechaDesde"/>'

            };
            
            

            YAHOO.util.Event.addListener(window, 'load', function() {
                cargosTable = new YAHOO.Tesis.modelador.cargosTable("cargosDataTable", messages);
            });
          
            $(document).ready(function() {
               
                $('#btnLimpiar').click(function() {
                    limpiarForm();
                });

                
                $("#cargoDTO").submit(function(){
                    //validar
                    cargosTable.recargarData();                    
                    return false;
                });
            });
            
            
        </script>
    </jsp:attribute>
   
    <jsp:body>
        <spring:message code="comun.todos" var="todosLabel" />
        <div class="group-panel">
            <form:form modelAttribute="cargoDTO" method="post" action="calificacion/find">
                <fieldset>
                    <div class="hd"><spring:message code="calificacion.filtros.busqueda"/></div>
                    <div class="bd">
                        <table class="formTable">
                            <tr>
                                <td id="colIzq" >

                                    <table id="busquedaSimpleTable" class="filtrosTable" >
                                        <tr>
                                            <td class="filtrosLabelWidth">
                                                Cargo
                                            </td>
                                            <td>
                                                <form:input path="nombre" maxlength="10"/>
                                            </td>
                                        </tr>
                                    </table>
                                    <!--hidden para pasar parametros de paginado desde submit de busqueda-->
                                   
                                </td>
                                <td id="colDer" class="filtrosButtons">
                                    <table>
                                        <tr>
                                            <td>
                                                <button type="submit" id="btnBuscar">
                                                    <spring:message code="comun.buscar" />
                                                </button>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td>
                                                <button type="button" id="btnLimpiar">
                                                    <spring:message code="comun.limpiar" />
                                                </button>
                                            </td>
                                        </tr>
                                    </table>
                                </td>
                            </tr>
                        </table>
                    </div>
                </fieldset>
            </form:form>
        </div>

        <br/>
        <div id="cantidadRegistros" class="cantRegistros"></div>
        <div id="cargosDataTable" class="tableWidth100"></div>
        <div id="cargosPaginator"></div>
    </jsp:body>
</mac:layoutPopup>